<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8"></meta>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" ></meta>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"></meta>
	<title>体验</title>
	<link rel="stylesheet" th:href="@{/tiyan/css/microweb.css}"></link>
	<link th:href="@{/tiyan/newdesigner/css/font-awesome.min.css}" rel="stylesheet"></link>
	<script type="text/javascript" th:src="@{/tiyan/js/zepto.min.js}"></script>
	<script type="text/javascript" th:src="@{/tiyan/js/microweb.js}"></script>
	<script type="text/javascript" th:src="@{/tiyan/js/layer/layer.js}"></script>
	<style type="text/css">
	.flexslider ul li { 
		background-repeat:  no-repeat;
		background-position: center;
		background-size: cover; }
	.main-wrapper{ position: absolute; }
	#icon-music{ width: 35px;  position:absolute; right:20px; top: 25px; z-index: 99; }
	.animate{ animation: rotate 2s linear infinite; }
	@keyframes rotate {
	  0%,
	  100% {
	    transform: rotate(0deg);
	  }
	  100% {
	    transform: rotate(360deg);
	  }
	}
	</style>
</head>
<body>
<div class="main-wrapper">
	<div class="flexslider" id="banner_tabs">
		<ul class="slides">
			<li th:style="'background: url('+@{'/upload/tiyan/a.jpg'}+')'"></li>											</ul>
	</div>
	<div class="nav">
		<ul>
			<li>
				<a th:href="@{/tiyan/detail?id=1}">
					外观展示
				</a>
			</li>
			<li>
				<a th:href="@{/tiyan/detail?id=1}">
					平面展示
				</a>
			</li>
			<li>
				<a th:href="@{/tiyan/detail?id=1}">
					休闲区
				</a>
			</li>
			<li>
				<a th:href="@{/tiyan/detail?id=1}">
					办公区
				</a>
			</li>
			<li>
				<a th:href="@{/tiyan/detail?id=1}">
					产品展厅
				</a>
			</li>
		</ul>
	</div>
	
	<div class="nav" style="left:inherit;right:0">
		<ul>
			<li>
				<a th:href="@{/tiyan/detail?id=1}">
					会议室
				</a>
			</li>
			<li>
				<a th:href="@{/tiyan/detail?id=1}">
					洽谈室
				</a>
			</li>
			<li>
				<a th:href="@{/tiyan/detail?id=1}">
					沙龙区
				</a>
			</li>
		</ul>
	</div>
	
</div>

<script type="text/javascript">
	var h = $(window).height();
	$(".main-bg ,.flexslider li").height(h);
</script>
</body>
</html>